﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>给我的小芬芬</title>
<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" href="css/index.css">
</head>
<body>

<div class="textCon">
        <div class="days">
            <span>今天是我们在一起的第</span>
            <span class="days-number">1</span>
            <span class="days-label">天</span>
        </div>
        <div class="seconds">15 hours 24 minutes 30 seconds</div>
</div>
<div class="heart"></div>


<style>
.autotype{
    text-align: center;
    font-size: 2.2rem;
}

</style>

<div class="autotype" id="autotype">
   
    <p>老婆，这个是我们第一个520耶</p>
    <p>有看到上面那个时间吗</p>
    <p> 是动态更新的哟</p>
    <p>老公会一直记住和你在一起的每分每秒</p>
    <br>
    <img src="images/a8.png" >	
    <p>余生很长，喜欢的都是你</p>
    <p>往后余生 爱的也只有你</p>
    <br>
    <p>老公接下来想和你一起做的事</p>
    <p>是和你一起去看场漂亮的烟花</p>
    <p>点击上面那个跳动的心，先预热一下</p>
   </div>


   <script>
    $.fn.autotype = function() {
        var $text = $(this);
        console.log('this', this);
        var str = $text.html(); //返回被选 元素的内容
        var index = 0;
        var x = $text.html('');
        //$text.html()和$(this).html('')有区别
        var timer = setInterval(function() {
            //substr(index, 1) 方法在字符串中抽取从index下标开始的一个的字符
            var current = str.substr(index, 1);
            if (current == '<') {
                //indexOf() 方法返回">"在字符串中首次出现的位置。
                index = str.indexOf('>', index) + 1;
            } else {
                index++;
            }
            //console.log(["0到index下标下的字符",str.substring(0, index)],["符号",index & 1 ? '_': '']);
            //substring() 方法用于提取字符串中介于两个指定下标之间的字符
            $text.html(str.substring(0, index) + (index & 1 ? '_': ''));
            if (index >= str.length) {
                clearInterval(timer);
            }
        },
        200);
    };
    $("#autotype").autotype();

     $('.heart').click(function(event) {
		window.location.replace("../001/index.html");
	});

    </script>

<script src="js/index.js"></script>
<script src="js/love.js"></script>

</body>
</html>